.loading-bar-wrapper {
    box-sizing: border-box;
    width: 100%;
    height: 0;
    position: absolute;
    top: 0;

    .loading-bar-track {
        width: 100%;
        height: 3px;
        background-color: #40de5a;
        animation: trans 3s linear;
        position: absolute;
        transform: translateX(var(--pos));
        // transition: all 2s linear;
    }


    @keyframes trans {
        0% {
          transform: translateX(-100%); 
        }

        100% {
          transform: translateX(var(--pos));
        }
    }

}
